import { Slide } from "../dComponent"

function Pslide(props){
    return(
        <div className="page">
            <h1>半成品</h1>
            <h2>轮播</h2>
            <div className="flexBox">  
            <Slide 
                delay={3000}
                // autoPlay
            >
                <Slide.Item><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-479328cb-417a-467c-9512-83793cb72c1e/ba5011d1-8f45-4caf-be93-cfaea0112664.jpg" alt=""/></Slide.Item>
                <Slide.Item><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-479328cb-417a-467c-9512-83793cb72c1e/0e855e47-7b99-4225-85ff-89f516eb4e53.jpg" alt=""/></Slide.Item>
                <Slide.Item><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-479328cb-417a-467c-9512-83793cb72c1e/1a2b459b-d9a6-4f6b-ad82-fd2ea1e115b9.jpg" alt=""/></Slide.Item>
                <Slide.Item><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-479328cb-417a-467c-9512-83793cb72c1e/0873fa01-cc42-4d76-b37e-a9ae75152a20.jpg" alt=""/></Slide.Item>
                <Slide.Item><img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-479328cb-417a-467c-9512-83793cb72c1e/0e855e47-7b99-4225-85ff-89f516eb4e53.jpg" alt=""/></Slide.Item>
            </Slide>
            </div>
            <h2>轮播-自动播放</h2>
            <div className="flexBox">  
            <Slide 
                delay={3000}
                autoPlay
            >
                <Slide.Item>第一张</Slide.Item>
                <Slide.Item>第二张</Slide.Item>
                <Slide.Item>第三张</Slide.Item>
                <Slide.Item>第四张</Slide.Item>
                <Slide.Item>第五张</Slide.Item>
            </Slide>
            </div>
        </div>
    )
}
export default Pslide